<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css背景样式</title>
		<style type="text/css">
			ul{
				
			}
			li{
			float: left;
			list-style-type: none;
			text-align: center;
			background-color: D84C29;
		}
		a{
			float: left;
			width: 150px;
			text-decoration: none;
			color: #9B1CEB;
			border-right: 1px solid white;
		}
		a:hover{
				color:chartreuse;
			}
			a:active{
				color:red;
			}
		</style>
	</head>
	<body>
		<p>css设置网页导航栏样式：</p>

		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">用户管理</a></li>
			<li><a href="#">购物车</a></li>
			<li><a href="#">订单</a></li>
			<li><a href="#">退出</a></li>
		</ul>
	</body>
</html>
